<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>办公OA-团队</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/01team.css"/>
		<link rel="stylesheet" type="text/css" href="css/02team-setting.css"/>
		<link rel="stylesheet" type="text/css" href="css/03employ-option.css"/>
		<link rel="stylesheet" type="text/css" href="css/04area-option.css"/>
	</head>
	<body>
		<!--顶部-->
		<div class="top">
			<div class="wp top-header">
				<h1>
					<a href="01办公OA-团队.html">
						<img src="img/icon_logo.png" alt=""/>
						<span>返回首页</span>
					</a>
				</h1>
				<p class="sing-name">标识汇网络科技有限...&nbsp;&nbsp;<img src="img/icon_sign_name.png" /></p>
				<div class="header-menu">
					<a class="active" href="02办公OA-团队.html">我的团队</a>
					<a href="###">团队在线</a>
					<a href="###">考勤打卡</a>
					<a href="###">审批</a>
					<a href="###">日志</a>
					<a href="###">公告</a>
					<a href="###">云盘</a>
					<a href="###">分享标识汇</a>
					<a href="###">设置</a>
				</div>
			</div>
		</div>
		<!--中间部分-->
		<div class="center">
			<div class="wp center-main">
				<div class="left">
					<div class="left-search">
						<span></span>
						<input type="text" name="search-form" placeholder="搜索" />
					</div>
					<ul class="left-menu">
						<li class="active"><span></span>标识汇网络科技有限公司</li>
						<li><a href="02办公OA-团队.html"><span></span>技术开发部（7人）</a></li>
						<li><span></span>财务部（5人）</li>
						<li><span></span>行政部（2人）</li>
						<li><span></span>外联部（6人）</li>
						<li><span></span>销售部（4人）</li>
						<li><span></span>业务部（3人）</li>
						<li><span></span>人事部（3人）</li>
					</ul>
				</div>
				<div class="right">
					<h2>
						<span>标识汇网络科技有限公司</span>
						<a class="link-team-setting-f" href="javascript:void(0);">设置</a>
					</h2>
					<div class="right-operation-f">
						<a href="###">添加子部门</a><a href="###">调整排序</a>
					</div>
					<!--操作提示-->
					<div class="right-operation-tip">
						<p>上下移动部门调整位置<span class="tip-save">保存</span><span class="tip-cancel">撤销</span></p>
					</div>
					<ul class="right-menu-f">
						<a href="02办公OA-团队.html"><li><span></span>技术开发部（7人）<span></span></li></a>
						<li><span></span>财务部（5人）<span></span></li>
						<li><span></span>行政部（2人）<span></span></li>
						<li><span></span>外联部（6人）<span></span></li>
						<li><span></span>销售部（4人）<span></span></li>
						<li><span></span>业务部（3人）<span></span></li>
						<li><span></span>人事部（3人）<span></span></li>
					</ul>
				</div>				
			</div>
		</div>
		
		<!--底部部分-->
		<div class="footer">
			<div class="wp footer-main">
				<div class="footer-logo"></div>
				<div class="footer-menu">
					<a href="###">标识汇官网</a><span>|</span>
					<a href="###">成品材料</a><span>|</span>
					<a href="###">定制加工</a><span>|</span>
					<a href="###">需求中心</a><span>|</span>
					<a href="###">工作中心</a><span>|</span>
					<a href="###">社区</a><span>|</span>
					<a href="###">微店系统</a><span>|</span>
					<a href="###">标识汇ERP</a>
					<p>
						© 2015标识汇 豫ICP备15032515<br />
						版权所有：标识汇网络技术有限公司
					</p>
				</div>
				<div class="footer-saoma"></div>
			</div>
		</div>
		
		<!--团队设置-->
		<div class="team-setting-f">
			<h2>团队设置</h2>			
			<form class="team-info" action="" method="post">
				<div class="team-info-base">
					<p>基本信息</p>
					<div class="info-name">
						<label>&nbsp;公司名称：</label>
						<input type="text" name="names" placeholder="标识汇网络科技有限公司" required="required" />
					</div>
					<div class="info-leader">
						<label>&nbsp;公司负责人：</label>
						<input type="text" name="leader" placeholder="张蒙蒙" required="required" />
					</div>
					<div class="info-phone">
						<label>&nbsp;电话：</label>
						<input type="text" name="phone" placeholder="15738869565" required="required" />
					</div>
					<div class="info-rootplus">
						<label>超级管理员：</label>
						<input class="rootplus" type="text" name="rootplus" placeholder="请选择超级管理员" />
						<span></span>
					</div>
					<div class="info-root">
						<label>管理员：</label>
						<input class="root" type="text" name="root" placeholder="请选择管理员" />
						<span></span>
					</div>
				</div>
				<div class="team-info-more">
					<p>更多信息</p>
					<div class="info-pro">
						<label>所在行业：</label>
						<input type="text" name="pro" />
					</div>
					<div class="info-area">
						<label>地区：</label>
						<input class="area" type="text" name="area" placeholder="请选择地区" />
						<span></span>
					</div>
					<div class="info-address">
						<label>详细地址：</label>
						<input type="text" name="address" />
					</div>
				</div>
				<div class="btns">
					<input class="btns-save-f" type="submit" value="保存"/>
					<input class="btns-delete-f" type="reset" value="删除"/>
					<input class="btns-cancel-f" type="button" value="取消"/>
				</div>				
			</form>
		</div>
		
		<!--员工选择-->
		<div class="employ-option-f">
			<div class="employ-mark-f">
				<h2>选择员工</h2>
				<div class="mark-main">
					<div class="mark-main-left">
						<p>选择&nbsp;：</p>
						<div class="employ-menu">
							<span></span>
							<input class="user-search" type="text" name="user" placeholder="搜索" />
							<ul class="employ-menu-list">
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>全选		
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>黄豆豆
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>
								<li>
									<input id="all" class="all" type="checkbox" name="all" value="" />
									<label for="all"></label>
									<img src="img/img-user/icon_employ_lixiaoxiao.png" alt=""></img>李潇潇
									<img class="employ_delete" src="img/img-user/icon_employ_delete.png" />
								</li>	
							</ul>	
						</div>
						<a class="mark-link-save" href="javascript:void(0);">保存</a>
					</div>
					<div class="mark-main-right">
						<p>已选择&nbsp;：</p>
						<div class="employ-result">
							<ul class="employ-result-list">
								
							</ul>
						</div>
						<a class="mark-link-cancel" href="javascript:void(0);">取消</a>
					</div>
				</div>
			</div>
		</div>
		
		<!--地区选择-->
		<div class="area-option-f">	
			<ul class="area-mark-tabs">
				<li>
					<div class="tabs">省份</div>
					<div class="tabs-content-province">
						<div class="province">
							<span>A-G</span>
							<a class="link-provence-selected" href="javascript:void(0);">安徽</a>
							<a href="javascript:void(0);">北京</a>
							<a href="javascript:void(0);">重庆</a>
							<a href="javascript:void(0);">福建</a>
							<a href="javascript:void(0);">甘肃</a>
							<a href="javascript:void(0);">广东</a>
							<a href="javascript:void(0);">广西</a>
							<a href="javascript:void(0);">贵州</a>
						</div>
						<div class="province">
							<span>H-K</span>
							<a href="javascript:void(0);">海南</a>
							<a href="javascript:void(0);">河北</a>
							<a href="javascript:void(0);">黑龙江</a>
							<a href="javascript:void(0);">河南</a>
							<a href="javascript:void(0);">湖北</a>
							<a href="javascript:void(0);">湖南</a>
							<a href="javascript:void(0);">江苏</a>
							<a href="javascript:void(0);">江西</a>
							<a href="javascript:void(0);">吉林</a>
						</div>
						<div class="province">
							<span>L-S</span>
							<a href="javascript:void(0);">辽宁</a>
							<a href="javascript:void(0);">内蒙古</a>
							<a href="javascript:void(0);">宁夏</a>
							<a href="javascript:void(0);">青海</a>
							<a href="javascript:void(0);">山东</a>
							<a href="javascript:void(0);">上海</a>
							<a href="javascript:void(0);">山西</a>
							<a href="javascript:void(0);">陕西</a>
							<a href="javascript:void(0);">四川</a>
						</div>
						<div class="province">
							<span>T-Z</span>
							<a href="javascript:void(0);">天津</a>
							<a href="javascript:void(0);">新疆</a>
							<a href="javascript:void(0);">西藏</a>
							<a href="javascript:void(0);">云南</a>
							<a href="javascript:void(0);">浙江</a>
						</div>
					</div>
				</li>
				<li>
					<div class="tabs">城市</div>
					<div class="tabs-content-city">
						<div class="city">
							<a href="javascript:void(0);">合肥</a>
							<a class="link-city-selected" href="javascript:void(0);">芜湖</a>
							<a href="javascript:void(0);">蚌埠</a>
							<a href="javascript:void(0);">淮南</a>
							<a href="javascript:void(0);">马鞍山</a>
							<a href="javascript:void(0);">淮北</a>
							<a href="javascript:void(0);">铜陵</a>
							<a href="javascript:void(0);">安庆</a>
							<a href="javascript:void(0);">黄山</a>
							<a href="javascript:void(0);">滁州</a>
							<a href="javascript:void(0);">阜阳</a>
							<a href="javascript:void(0);">宿州</a>
							<a href="javascript:void(0);">六安</a>
							<a href="javascript:void(0);">毫州</a>
							<a href="javascript:void(0);">池州</a>
							<a href="javascript:void(0);">宣城</a>
						</div>
					</div>
				</li>
				<li>
					<div class="tabs">县区</div>
					<div class="tabs-content-county">
						<div class="county">
							<a href="javascript:void(0);">镜湖</a>
							<a href="javascript:void(0);">戈江</a>
							<a href="javascript:void(0);">鸠江</a>
							<a class="link-county-selected" href="javascript:void(0);">三山</a>
							<a href="javascript:void(0);">芜湖</a>
							<a href="javascript:void(0);">繁昌</a>
							<a href="javascript:void(0);">南陵</a>
							<a href="javascript:void(0);">无为</a>
						</div>
					</div>
				</li>
				<li>
					<div class="tabs">街道</div>
					<div class="tabs-content-street">
						<div class="street">
							<a href="javascript:void(0);">三山街道</a>
							<a class="link-street-selected" href="javascript:void(0);">保定街道</a>
							<a href="javascript:void(0);">龙湖街道</a>
							<a href="javascript:void(0);">高安街道</a>
							<a href="javascript:void(0);">峨桥镇</a>
							<a href="javascript:void(0);">安徽芜湖三山经济开发区</a>	
						</div>
					</div>
				</li>
			</ul>
		</div>		
		<script src="js/jquery-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/01team.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery-ui.js"></script>
	</body>
</html>
